﻿{% extends "base.html" %}
{% block title %} Ranking 2a Fase {% endblock %}

{% block content %}
    <p>Jogos computados: {{bolao.num_jogos_ocorridos}} </p>
    
    <table>
        <colgroup style="width: 5%;"></colgroup>
        <colgroup style="width: 50%;"></colgroup>
        <colgroup style="width: 20%;"></colgroup>
        <colgroup style="width: 25%;"></colgroup>

        <thead>
            <tr>
                    <td>Posição</td>
                    <td style="text-align:left;">Participante</td>
                    <td>Pontos acumulados</td>
                    <td>Evolução</td>
            </tr>
        </thead>
        
        <tbody>
            {% for participante in participantes %}
            <tr>
                <td> {{participante.pos_ranking2}} </td>
                <td style="text-align:left;">
                    {% ifequal user participante.owner %}
                    <b><a href="editapalpites?key={{participante.key}}">{{participante.nome}}</a></b>
                    {% else %}
                    <a href="participante?key={{participante.key}}"><span style="color: gray;">{{participante.nome}}</span></a>
                    {% endifequal %}
                </td>
                <td> 
                    <span title="{{participante.tip_fase2}}">{{participante.total_pontos_fase2}}</span>
                </td>
                <td>
                    {% for seta in participante.setas2 %}
                        {% ifequal seta 1 %}
                            <img src="/imagens/Up.gif">
                        {% endifequal %}
                        
                        {% ifequal seta 0 %}
                            <img src="/imagens/Same.gif">
                        {% endifequal %}
                        
                        {% ifequal seta -1 %}
                            <img src="/imagens/Down.gif">
                        {% endifequal %}
                    {% endfor %} <small> {{participante.evolucao2}}</small>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}